<!--  -->
<template>
  <div class="">
    <el-dialog
      v-el-drag-dialog
      width="800px"
      title="团队权益"
      :visible="show"
      v-if="show"
      @update:visible="updateShow"
    >
      <identity-power-edit
        :alldisabled2="false"
        :IsSystem="4"
        :RoleId="RoleId"
      ></identity-power-edit>
      <div slot="footer" class="dialog-footer">
        <el-button @click="updateShow(false)"> 取消 </el-button>
        <!-- <el-button type="primary" @click="updateShow(false)"> 保存 </el-button> -->
      </div>
    </el-dialog>
  </div>
</template>

<script>
import identityPowerEdit from './identityPowerEdit.vue'
export default {
  //import引入的组件需要注入到对象中才能使用
  name: 'dialogPower',
  components: { identityPowerEdit },

  data () {
    //这里存放数据
    return {

    };
  },
  props: {
    show: {
      type: Boolean,
      default () {
        return false
      }
    },
    RoleId: {}

  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    updateShow (val) {
      this.$emit('update:show', val)
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created () {

  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {

  },
  beforeCreate () { }, //生命周期 - 创建之前
  beforeMount () { }, //生命周期 - 挂载之前
  beforeUpdate () { }, //生命周期 - 更新之前
  updated () { }, //生命周期 - 更新之后
  beforeDestroy () { }, //生命周期 - 销毁之前
  destroyed () { }, //生命周期 - 销毁完成
  activated () { }, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
//@import url(); 引入公共css类
<style  scoped>
</style>